<!DOCTYPE html>
<html>

  <head>
    <meta charset="UTF-8">
    <title></title>
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>

    <style type="text/css">
      .ddiv {
        width: 100px;
        height: 100px;
        background: yellowgreen;
        line-height: 100px;
        text-align: center;
        -webkit-transition: all 1.2s ease-in-out 2s;
        transition: all 1.2s ease-in-out 2s;
        -webkit-transform: translate3d(1000%, -1000%, 0);
        transform: translate3d(1000%, -1000%, 0);
      }
    </style>
  </head>

  <body>

    2222222222222222222222222222222222222222222222222222222222222
    <input type="button" name="online" id="online" value="online测试" />
    <input type="button" name="join" id="join" value="join测试" />

    <div class="ddiv">
      25
    </div>

    观自在菩萨，行深般若波罗蜜多时，照见五蕴皆空，度一切苦厄。 舍利子，色不异空，空不异色，色即是空，空即是色，受想行识亦复如是。 舍利子，是诸法空相，不生不灭，不垢不净，不增不减。 是故空中无色，无受想行识，无眼耳鼻舌身意，无色声香味触法，无眼界乃至无意识界，无无明亦无无明尽，乃至无老死，亦无老死尽，无苦集灭道，无智亦无得，以无所得故。

    <!--   <script type="text/javascript">
   	Page({
      onShareAppMessage: function (res) {
        if (res.from === 'button') {
          // 来自页面内转发按钮
          console.log(res.target)
        }
        return {
          title: '自定义转发标题',
          path: '/page/user?id=123',
          success: function(res) {
            // 转发成功
          },
          fail: function(res) {
            // 转发失败
          }
        }
      }
    })


   </script>-->

    <!--<script type="text/javascript">
      var shareDetail = {
          'imgUrl': 'http://news.sohu.com/upload/yursileshare1010/sharebg.jpg',
          'link': 'http://qingjingzhi.com:8888/',
          'title': '张海芳版《清明上河图》',
          'desc': '666 没看过这个，就别说你看懂《清明上河图》了'
        };

      wx.config({
        debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
        appId: obj.appId, // 必填，公众号的唯一标识
        timestamp: obj.timestamp, // 必填，生成签名的时间戳
        nonceStr: obj.nonceStr, // 必填，生成签名的随机串
        signature: obj.signature, // 必填，签名，见附录1
        jsApiList: [
          'checkJsApi',
          'onMenuShareTimeline',
          'onMenuShareAppMessage',
          'onMenuShareQQ',
          'onMenuShareQZone'
        ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
      });

      wx.ready(function() {

        wx.onMenuShareTimeline({
          title: '', // 分享标题
          link: '', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
          imgUrl: '', // 分享图标
          success: function() {
            // 用户确认分享后执行的回调函数
          },

          cancel: function() {
            // 用户取消分享后执行的回调函数
          }
        });

        wx.onMenuShareAppMessage({
          title: '', // 分享标题
          desc: '', // 分享描述
          link: '', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
          imgUrl: '', // 分享图标
          type: '', // 分享类型,music、video或link，不填默认为link
          dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
          success: function() {
            // 用户确认分享后执行的回调函数
          },
          cancel: function() {
            // 用户取消分享后执行的回调函数
          }
        });

        wx.onMenuShareQQ({
          title: '', // 分享标题
          desc: '', // 分享描述
          link: '', // 分享链接
          imgUrl: '', // 分享图标
          success: function() {
            // 用户确认分享后执行的回调函数
          },
          cancel: function() {
            // 用户取消分享后执行的回调函数
          }
        });

        wx.onMenuShareQZone({
          title: '', // 分享标题
          desc: '', // 分享描述
          link: '', // 分享链接
          imgUrl: '', // 分享图标
          success: function() {
            // 用户确认分享后执行的回调函数
          },
          cancel: function() {
            // 用户取消分享后执行的回调函数
          }
        });

      });
    </script>-->

    <!--<script type="text/javascript">
        var shareDetail = {
          'imgUrl': 'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2286381764,4276950881&fm=27&gp=0.jpg',
          'link': 'http://qingjingzhi.com/',
          'title': '张海芳版《清明上河图》',
          'content': '666 没看过这个，就别说你看懂《清明上河图》了'
        };
        var appid = '';

        function shareFriend() {
          alert('sendAppMessage');
          WeixinJSBridge.invoke("sendAppMessage", {
            appid: appid,
            img_url: shareDetail.imgUrl,
            img_width: "200",
            img_height: "200",
            link: shareDetail.link,
            desc: shareDetail.content,
            title: shareDetail.title
          }, function(b) {})
        }

        function shareTimeline() {
          alert('shareTimeline');
          WeixinJSBridge.invoke("shareTimeline", {
            appid: appid,
            img_url: shareDetail.imgUrl,
            img_width: "200",
            img_height: "200",
            link: shareDetail.link,
            desc: shareDetail.content,
            title: shareDetail.title
          }, function(b) {})
        }

        function shareWeibo() {
          alert('shareWeibo');
          WeixinJSBridge.invoke("shareWeibo", {
            content: shareDetail.content,
            url: shareDetail.link
          }, function(b) {})
        }

        document.addEventListener("WeixinJSBridgeReady", function onBridgeReady() {
          alert(1);

           shareFriend();


          WeixinJSBridge.on("menu:share:appmessage", function(b) {
            alert('appmessage');
            shareFriend();
          });

          WeixinJSBridge.on("menu:share:timeline", function(b) {
             alert('timeline');
            shareTimeline();
          });

          WeixinJSBridge.on("menu:share:weibo", function(b) {
             alert('weibo');
            shareWeibo();
          })

        }, false);
      </script>-->

  </body>

</html>